<template>
	<view class="wrap">
		<view class="nav">
			<g-nav :navlist="navList" :navindex="navIndex" @click="onNavTap"></g-nav>
		</view>
		<view class="list bw">
			<view class="item app_flex-aicjcsb" @click="onSkipTap('withdraw-applySucc')">
				<view class="item-L">
					<view>￥1000</view>
					<view>2020-10-12 12:10</view>
				</view>
				<view class="item-R app_arrow blue">审核中</view>
			</view>
			<view class="item app_flex-aicjcsb" @click="onSkipTap('withdraw-isverify')">
				<view class="item-L">
					<view>￥1000</view>
					<view>2020-10-12 12:10</view>
				</view>
				<view class="item-R app_arrow red">已驳回</view>
			</view>
			<view class="item app_flex-aicjcsb" @click="onSkipTap('withdraw-applySucc')">
				<view class="item-L">
					<view>￥1000</view>
					<view>2020-10-12 12:10</view>
				</view>
				<view class="item-R app_arrow">已完成</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navIndex: 0,
				navList: [{
					name: '全部'
				}, {
					name: '审核中'
				}, {
					name: '已驳回'
				}, {
					name: '已完成'
				}]
			}
		},
		onLoad(options) {

		},
		methods: {
			onNavTap(index) {
				this.navIndex = index
			},
			onSkipTap(type, index) {
				const urlObj = {
					'withdraw-applySucc': '/pages/wallet/withdraw-applySucc',
					'withdraw-isverify': '/pages/wallet/withdraw-isverify'
				}
				this.$g_util.navigationTo(urlObj, type)
			}
		}
	}
</script>

<style scoped lang="scss">
	.wrap {
		padding-top: 110rpx;
	}

	.nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
	}

	.list {}

	.item {
		padding: 30rpx;
		border-bottom: 1px solid $g-border-color;
	}

	.item-L {
		view {
			font-size: 24rpx;
			color: #999;
			&:first-child {
				font-size: 30rpx;
				color: #333;
				margin-bottom: 8rpx;
			}
		}
	}

	.item-R {
		font-size: 30rpx;
		color: #333;
		font-weight: bold;
		&.blue {
			color: $g-main-color;
		}
		.red {
			color: #ff4c4c;
		}
	}
</style>
